<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>列表</title>
<link rel="stylesheet" href="css/goods_list.css">
<link rel="stylesheet" href="css/foot.css">
<link rel="stylesheet" href="css/top.css">
<style>
	a:link,a:visited,a:hover,a:active{text-decoration: none;color: #949494;}
</style>
</head>
<body>
    <div class="top">
        <div class="top_left"><a class="sb-back" href="javascript:history.back(-1)" title="返回"><img src="images/icon_back.png" alt=""></a></div>
        蛋糕列表
    </div>
    <div class="list_miaoxu">
        <div class="m_img">
            <img src="images/splb_ttl.png" alt="">
        </div>
        <div class="m_img2"><img src="images/splb_topimg.png" alt=""></div>
        <div class="m_txt">
           柔软的口感、甜蜜的味道，完美的巧克力蛋糕经得起各种口味的挑剔，表面富有曲线美的巧克力花纹与蛋糕的名称相得溢彩。油香浓郁、口感深香有回味，吃在口中香软诱人，自有一种独特风味，令人一品难忘。
        </div>
    </div>
    
    <div class="list_goods">
            <ul>
                 
                <li>
                	<a href="goods_info.html">
                        <div class="goods_img"><img src="images/splb_img_01.png" alt=""></div>
                        <div class="goods_right2">
                             <p>月销<span>23</span>份&nbsp&nbsp赞<span>10</span></p>
                             <div class="goods_flow">
                                 <img src="images/splb_icon_gwc.png" alt="">
                             </div>
                        </div>
                        <div class="goods_right1">
                            <p class="Pname">黑森林蛋糕黑森林蛋糕黑森林蛋...</p>
                            <p><!--占位置不要删-->&nbsp;</p>
                            <p class="price">58.00~120.00</p>
                            <p class="Pcun">3寸（合适1~2人）</p>
                        </div>
                    </a>
                </li>
                <li>
                	<a href="goods_info.html">
                        <div class="goods_img"><img src="images/splb_img_01.png" alt=""></div>
                        <div class="goods_right2">
                             <p>月销<span>23</span>份&nbsp&nbsp赞<span>10</span></p>
                             <div class="goods_flow">
                                 <img src="images/splb_icon_gwc.png" alt="">
                             </div>
                        </div>
                        <div class="goods_right1">
                            <p class="Pname">黑森林蛋糕黑森林蛋糕黑森林蛋...</p>
                            <p><!--占位置不要删-->&nbsp;</p>
                            <p class="price">58.00~120.00</p>
                            <p class="Pcun">3寸（合适1~2人）</p>
                        </div>
                    </a>
                </li>
                <li>
                	<a href="goods_info.html">
                        <div class="goods_img"><img src="images/splb_img_01.png" alt=""></div>
                        <div class="goods_right2">
                             <p>月销<span>23</span>份&nbsp&nbsp赞<span>10</span></p>
                             <div class="goods_flow">
                                 <img src="images/splb_icon_gwc.png" alt="">
                             </div>
                        </div>
                        <div class="goods_right1">
                            <p class="Pname">黑森林蛋糕黑森林蛋糕黑森林蛋...</p>
                            <p><!--占位置不要删-->&nbsp;</p>
                            <p class="price">58.00~120.00</p>
                            <p class="Pcun">3寸（合适1~2人）</p>
                        </div>
                    </a>
                </li>
                <li>
                	<a href="goods_info.html">
                        <div class="goods_img"><img src="images/splb_img_01.png" alt=""></div>
                        <div class="goods_right2">
                             <p>月销<span>23</span>份&nbsp&nbsp赞<span>10</span></p>
                             <div class="goods_flow">
                                 <img src="images/splb_icon_gwc.png" alt="">
                             </div>
                        </div>
                        <div class="goods_right1">
                            <p class="Pname">黑森林蛋糕黑森林蛋糕黑森林蛋糕...</p>
                            <p><!--占位置不要删-->&nbsp;</p>
                            <p class="price">58.00~120.00</p>
                            <p class="Pcun">3寸（合适1~2人）</p>
                        </div>
                    </a>
                </li>
                <li>
                	<a href="goods_info.html">
                        <div class="goods_img"><img src="images/splb_img_01.png" alt=""></div>
                        <div class="goods_right2">
                             <p>月销<span>23</span>份&nbsp&nbsp赞<span>10</span></p>
                             <div class="goods_flow">
                                 <img src="images/splb_icon_gwc.png" alt="">
                             </div>
                        </div>
                        <div class="goods_right1">
                            <p class="Pname">黑森林蛋糕黑森林蛋糕黑森林蛋糕...</p>
                            <p><!--占位置不要删-->&nbsp;</p>
                            <p class="price">58.00~120.00</p>
                            <p class="Pcun">3寸（合适1~2人）</p>
                        </div>
                    </a>
                </li>
                <li>
                	<a href="goods_info.html">
                        <div class="goods_img"><img src="images/splb_img_01.png" alt=""></div>
                        <div class="goods_right2">
                             <p>月销<span>23</span>份&nbsp&nbsp赞<span>10</span></p>
                             <div class="goods_flow">
                                 <img src="images/splb_icon_gwc.png" alt="">
                             </div>
                        </div>
                        <div class="goods_right1">
                            <p class="Pname">黑森林蛋糕黑森林蛋糕黑森林蛋糕黑森林</p>
                            <p><!--占位置不要删-->&nbsp;</p>
                            <p class="price">58.00~120.00</p>
                            <p class="Pcun">3寸（合适1~2人）</p>
                        </div>
                    </a>
                </li>
            </ul>
    </div>
    <div class="foot">
        <ul>
            <li>
                <div class="img"><a href="index.html"><img src="images/index_botmenu01off.png" alt=""></a></div>
            </li>
            <li>
                <div class="img"><a href="flow.html"><img src="images/index_botmenu02off.png" alt=""></a></div>
            </li>
            <li>
                <div class="img"><a href="user_order_list.html"><img src="images/index_botmenu03off.png" alt=""></a></div>
            </li>
        </ul>
    </div>
    <script type="text/javascript">
    $(function(){
        $(".Pname").each(function(){
            var maxwidth=7;//设置最多显示的字数
            var text=$(this).text();
            if($(this).text().length>maxwidth){
                $(this).text($(this).text().substring(0,maxwidth));
                $(this).html($(this).html()+"...");//如果字数超过最大字数，超出部分用...代替，并且在后面加上点击展开的链接；

            };
        })
    })
</script>
</body>
</html>